<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
		<!--<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/font-awesome.min.css" />-->
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/index.css" />
		<link type="text/css" rel="stylesheet" href="/wzdisplay/assets/css/monitoring.css" />
		<script src="/wzdisplay/assets/js/jquery-1.11.3.js"></script>
		<title>温州港航气象服务</title>
	</head>

	<body>
		<!--头部-->
		<div class="w-header">
			<div class="c-in">
				<div class="header_logo">
					<a href="/wzdisplay/views/index.html">温州港航气象服务</a>
				</div>
			</div>
		</div>

		<!--导航条-->
		<div class="w-nav">
			<div class="c-in">
				<ul>
					<li class="selected">港区实况</li>
					<li><a href="/wzdisplay/views/forecast.html">港区预报</a></li>
					<li><a href="/wzdisplay/views/sea.html">海区预报</a></li>
					<li><a href="/wzdisplay/views/stronge.html">强天气监测</a></li>
					<li><a href="/wzdisplay/views/forcastproducts.html">预报产品</a></li>
					<li><a href="http://www.wztf121.com/">台风路径</a></li>
				</ul>
			</div>
		</div>

		<!--内容-->
		
		<div class="w-content c-in hide">
			<div id="nav">
				<ul class="navList">
					<li class="active">降水监测</li>
					<li>风力监测</li>
					<li>能见度监测</li>
					<li>温度监测</li>
				</ul>
		    	<div class="clear"></div>
  			</div>
			<div id="main" >
				<div id="mapContainer" tabindex="0">
					<div class="selectList">
						<div class="show" id="selRain">
							<p><span>过去3小时降雨</span><b></b></p>
							<ul class="hide">
								<li>过去3小时降雨</li>
								<li>过去6小时降雨</li>
								<li>过去12小时降雨</li>
								<li>过去24小时降雨</li>
							</ul>
						</div>
						<div class="hide" id="selWind">
							<p><span>过去3小时风</span><b></b></p>
							<ul class="hide">
								<li>过去3小时风</li>
								<li>过去6小时风</li>
								<li>过去12小时风</li>
								<li>过去24小时风</li>
							</ul>
						</div>
						<div class="hide" id="selVisibility">
							<p><span>过去1小时能见度</span><b></b></p>
							<ul class="hide">
								<li>过去1小时能见度</li>
								<li>过去24小时能见度</li>
							</ul>
						</div>
						<div class="hide" id="selTemp">
							<p><span>过去3小时温度</span><b></b></p>
							<ul>
								<li>过去3小时温度</li>
								<li>过去6小时温度</li>
								<li>过去12小时温度</li>
								<li>过去24小时温度</li>
							</ul>
						</div>

					</div>
					<div class=" hide visi" id="visi">
						<div  >
							<p><span>0时发布</span><b></b></p>
							<div class="rain-cn hide">
								<ul>
									<li>过去3小时降雨</li>
									<li>过去6小时降雨</li>
									<li>过去12小时降雨</li>
									<li>过去24小时降雨</li>
								</ul>
							</div>
						</div>
					</div>
						<!--<select class="show" name="selList" id="selRain">-->
						  <!--<option value="1">过去3小时降雨</option>-->
						  <!--<option value="2">过去6小时降雨</option>-->
						  <!--<option value="3">过去12小时降雨</option>-->
						  <!--<option value="4">过去24小时降雨</option>-->
						<!--</select>-->
						<!--<select class="hide" name="selList" id="selWind">-->
						  <!--<option value="1">过去3小时风</option>-->
						  <!--<option value="2">过去6小时风</option>-->
						  <!--<option value="3">过去12小时风</option>-->
						  <!--<option value="4">过去24小时风</option>-->
						<!--</select>-->
						<!--<select class="hide" name="selList" id="selVisibility">-->
						  <!--<option value="1">过去1小时能见度</option>-->

						  <!--<option value="1">过去24小时能见度</option>-->
						<!--</select>-->
					</div>
					<div class="channel">
						<ul>
							<li>显示站点</li>
							<li>显示航道</li>
							<li>隐藏港区</li>
						</ul>
					</div>

				 <!--  <div class="warning hide">     
				  </div> -->

				<!--<div class="point hide">-->
					<!--<span class="monitoringClose">×</span>-->
					<!--<div class="pointEchart"></div>-->
					<!--<b></b>-->
				<!--</div>-->

			<!--</div>  -->
					<div class="colorCode hide">
						<p></p>
						<ul >

						</ul>
					</div>
				<div class="clear"></div>
		       </div>

		</div>
		<div id="login">
			<div >
				<h1><img src="/wzdisplay/assets/img/logo.png" alt=""></h1>
				<!--<h2>权限管理</h2>-->
				<form class="login-form" action="">
					<p class="loginName"><label for="pname" >姓名：</label><input id="pname"  type="text" placeholder="姓名"></p>
					<p class="loginName"><label for="password">密码：</label><input id="password"  type="password" placeholder=""></p>
					<p><button type="button" class="btn">登陆</button><button type="reset">重置</button>

						</p>
				</form>
			</div>
		</div>

		<div class="w-footer">
			<div class="c-in">
				<div class="footer-logo"></div>
				<div class="rline"></div>
				<div class="footer-maintain">
					<ul>
						<li>温州市气象局地址：温州市鹿城区横河南新村1栋</li>
						<li>电话：0580-2088122</li>
						<li>Email：zsqxxxzx@163.com</li>
						<li>制作维护：浙江广晟有限公司</li>
						<li>Copyright(c) 2017 温州市气象局 All Rights Reserved</li>
					</ul>
				</div>
				<div class="footer-list">
					<ul>--国内气象部网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--国内气象部网站1--</li>
						<li>--国内气象部网站2--</li>
						<li>--国内气象部网站3--</li>
						<li>--国内气象部网站4--</li>
					</ul>
					<ul>--省内气象部门网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--县区气象网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
					<ul>--本市政府网站--<span class="fa fa-sort-down pull-right"></span>
						<li>--1--</li>
						<li>--2--</li>
						<li>--3--</li>
						<li>--4--</li>
					</ul>
				</div>
				<div class="footer-link">
					<ul>
					<li>友情链接</li>
					<li><a>温州天气</a></li>
					<li><a>浙江天气</a></li>
					<li><a>中国台风网</a></li>
				</ul>
				</div>			
			</div>
		</div>

		<script>
            function getCookie() {
                var str=document.cookie;
                console.log(str)
                if(/login/.test(str)){
                    $("#login").css("display","none")
                }

            }
            getCookie()
		</script>
		<script type="text/javascript" src="http://10.135.30.150:8080/QXMap?key=712ea9b0cf705b05&v=1.0"></script>
		<script src="/wzdisplay/assets/js/monitoring.js"></script>
		<script src="/wzdisplay/assets/js/echarts.min.js"></script>
	</body>

</html>